<%@ page import="java.text.SimpleDateFormat" %>
<%@ page import="java.util.Date" %><%--
  Created by IntelliJ IDEA.
  User: 张志龙
  Date: 2020/10/16
  Time: 15:04
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<%pageContext.setAttribute("APP_PATH", request.getContextPath());%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta charset="utf-8" />
    <title>维修单信息管理</title>

    <meta name="description" content="Static &amp; Dynamic Tables" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />


    <link rel="stylesheet" href="${APP_PATH}/assets/fonts/iconfont.css"/>
    <link rel="stylesheet" href="${APP_PATH }/assets/css/bootstrap.min.css" />
    <link rel="stylesheet" href="${APP_PATH }/assets/font-awesome/4.5.0/css/font-awesome.min.css" />


    <link rel="stylesheet" href="${APP_PATH }/assets/css/fonts.googleapis.com.css" />

    <!-- ace styles -->
    <link rel="stylesheet" href="${APP_PATH }/assets/css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style" />

    <link rel="stylesheet" href="${APP_PATH }/assets/css/ace-skins.min.css" />
    <link rel="stylesheet" href="${APP_PATH }/assets/css/ace-rtl.min.css" />

    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="${APP_PATH}/recourse/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="${APP_PATH }/assets/js/xadmin.js"></script>
    <script src="${APP_PATH }/assets/js/ace-extra.min.js"></script>

</head>
<%
    SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd");
    String date= format.format(new Date());
%>
<body class="no-skin">
<div id="navbar" class="navbar navbar-default          ace-save-state">
    <div class="navbar-container ace-save-state" id="navbar-container">
        <button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler" data-target="#sidebar">
            <span class="sr-only">Toggle sidebar</span>

            <span class="icon-bar"></span>

            <span class="icon-bar"></span>

            <span class="icon-bar"></span>
        </button>

        <div class="navbar-header pull-left">
            <a href="#" class="navbar-brand">
                <small>
                    <i><img src="${APP_PATH}/assets/images/ic_launcher_foreground.png" width="30"></i>
                    智慧维修
                </small>
            </a>
        </div>

        <div class="navbar-buttons navbar-header pull-right" role="navigation">
            <ul class="nav ace-nav">
                <li class="light-blue dropdown-modal">
                    <a data-toggle="dropdown" href="#" class="dropdown-toggle">
                        <img class="nav-user-photo" src="/mmmsimage/${admin.icon}" alt="无" />
                        <span class="user-info">
									<small>欢迎,</small>
									${admin.name}
								</span>

                        <i class="ace-icon fa fa-caret-down"></i>
                    </a>

                    <ul class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
                        <li>

                            <a type="button"  onclick="xadmin.open('修改口令','${pageContext.request.contextPath}/admin/modvalue',470,300)" style="height: 30px;width: 120px;">
                                <i class="glyphicon glyphicon-edit"></i>
                                修改口令
                            </a>
                        </li>
                        <li>
                            <a href="${pageContext.request.contextPath}">
                                <i class="ace-icon fa fa-power-off"></i>
                                退出登录
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div><!-- /.navbar-container -->
</div>

<div class="main-container ace-save-state" id="main-container">
    <script type="text/javascript">
        try{ace.settings.loadState('main-container')}catch(e){}
    </script>

    <div id="sidebar" class="sidebar                  responsive                    ace-save-state" style="font-size: large">
        <script type="text/javascript">
            try{ace.settings.loadState('sidebar')}catch(e){}
        </script>

        <ul class="nav nav-list">

            <li class="">
                <a href="#" class="dropdown-toggle">
                    <i class="menu-icon iconfont icon-user_role orange" style="font-size: large"></i>
                    <span class="menu-text" style="font-size: large"> 注册审核 </span>

                    <b class="arrow fa fa-angle-down"></b>
                </a>

                <b class="arrow"></b>

                <ul class="submenu">
                    <li class="">
                        <a href="${pageContext.request.contextPath}/admin/reviewerRegister">
                            <i class="menu-icon fa fa-caret-right"></i>
                            内部人员注册审核
                        </a>
                        <b class="arrow"></b>
                    </li>
                    <li class="">
                        <a href="${pageContext.request.contextPath}/admin/outsideReg">
                            <i class="menu-icon fa fa-caret-right"></i>
                            维修方注册审核
                        </a>
                        <b class="arrow"></b>
                    </li>

                </ul>
            </li>
        </ul>
        <ul class="nav nav-list">
            <li class="">
                <a href="#" class="dropdown-toggle">
                    <i class="menu-icon glyphicon glyphicon-user blue"></i>
                    <span class="menu-text" style="font-size: large"> 人员管理 </span>
                    <b class="arrow fa fa-angle-down"></b>
                </a>
                <b class="arrow"></b>

                <ul class="submenu">
                    <li class="">
                        <a href="${pageContext.request.contextPath}/admin/statispage">
                            <i class="menu-icon fa fa-caret-right"></i>
                            人员分布统计
                        </a>
                        <b class="arrow"></b>
                    </li>
                    <li class="">
                        <a href="${pageContext.request.contextPath}/admin/insideManage">
                            <i class="menu-icon fa fa-caret-right"></i>
                            内部人员
                        </a>
                        <b class="arrow"></b>
                    </li>
                    <li class="">
                        <a href="${pageContext.request.contextPath}/admin/peopleMangage">
                            <i class="menu-icon fa fa-caret-right"></i>
                            维修方人员
                        </a>
                        <b class="arrow"></b>
                    </li>
                </ul>
            </li>
        </ul>
        <ul class="nav nav-list">
            <li class="">
                <a href="#" class="dropdown-toggle">
                    <i class="menu-icon iconfont icon-svgorderred green"></i>
                    <span class="menu-text" style="font-size: large"> 维修单详情 </span>
                    <b class="arrow fa fa-angle-down"></b>
                </a>

                <b class="arrow"></b>

                <ul class="submenu">
                    <li class="">
                        <a href="${pageContext.request.contextPath}/admin/info_show">
                            <i class="menu-icon fa fa-caret-right"></i>
                            维修信息统计图
                        </a>
                        <b class="arrow"></b>
                    </li>
                    <li class="">
                        <a href="${pageContext.request.contextPath}/admin/allorderdetails">
                            <i class="menu-icon fa fa-caret-right"></i>
                            正在维修信息
                        </a>
                        <b class="arrow"></b>
                    </li>
                    <li class="">
                        <a href="${pageContext.request.contextPath}/admin/ordered_details">
                            <i class="menu-icon fa fa-caret-right"></i>
                            已完成维修信息
                        </a>
                        <b class="arrow"></b>
                    </li>
                    <li class="">
                        <a href="${pageContext.request.contextPath}/admin/allorders">
                            <i class="menu-icon fa fa-caret-right"></i>
                            所有维修信息
                        </a>
                        <b class="arrow"></b>
                    </li>
                </ul>
            </li>
            <ul class="nav nav-list">
                <li class="">
                    <a href="#" class="dropdown-toggle">
                        <i class="menu-icon iconfont icon-__equipment orange"></i>
                        <span class="menu-text" style="font-size: large"> 设备管理 </span>
                        <b class="arrow fa fa-angle-down"></b>
                    </a>
                    <b class="arrow"></b>

                    <ul class="submenu">
                        <li class="">
                            <a href="${pageContext.request.contextPath}/admin/equipStatis">
                                <i class="menu-icon fa fa-caret-right"></i>
                                设备统计信息
                            </a>
                            <b class="arrow"></b>
                        </li>
                        <li class="">
                            <a href="${pageContext.request.contextPath}/admin/equipmentMan">
                                <i class="menu-icon fa fa-caret-right"></i>
                                所有设备信息
                            </a>
                            <b class="arrow"></b>
                        </li>
                    </ul>
                </li>
            </ul>
            <ul class="nav nav-list">
                <li class="">
                    <a href="#" class="dropdown-toggle">
                        <i class="menu-icon iconfont icon-danwei blue"></i>
                        <span class="menu-text" style="font-size: large">报修单位管理</span>
                        <b class="arrow fa fa-angle-down"></b>
                    </a>
                    <b class="arrow"></b>

                    <ul class="submenu">
                        <li class="">
                            <a href="${pageContext.request.contextPath}/admin/localStatis">
                                <i class="menu-icon fa fa-caret-right"></i>
                                单位维修费用统计
                            </a>
                            <b class="arrow"></b>
                        </li>
                        <li class="">
                            <a href="${pageContext.request.contextPath}/admin/repairLocal">
                                <i class="menu-icon fa fa-caret-right"></i>
                                报修单位信息
                            </a>
                            <b class="arrow"></b>
                        </li>
                    </ul>
                </li>
            </ul>
        </ul><!-- /.nav-list -->

        <div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
            <i id="sidebar-toggle-icon" class="ace-icon fa fa-angle-double-left ace-save-state" data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
        </div>
    </div>

    <div class="main-content">
        <div class="main-content-inner">
            <div class="breadcrumbs ace-save-state" id="breadcrumbs">
                <ul class="breadcrumb">
                    <li>
                        <i class="ace-icon fa fa-home home-icon"></i>
                        维修单详情
                    </li>

                    <li class="active">所有维修信息</li>

                </ul><!-- /.breadcrumb -->


            </div>

            <div class="page-content">

                <div class="row">
                    <div class="col-xs-12">
                        <div class="clearfix">
                            <div class="pull-right tableTools-container">

                            </div>
                        </div>
                        <div>
                            <table id="dynamic-table" class="table table-striped table-bordered table-hover">
                                <thead>
                                维修单时间选择：<input id="cid" type="month" value="${time}"/>
                                &nbsp;<button id="btn">查询</button>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                                本月完成金额总量：<input type="text" value="${price}" width="30dp" readonly>
                                &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                                本月维修单总量：<input type="text" value="${number}" width="30dp" readonly>
                                <tr>
                                    <th style="width: 72px">序号</th>
                                    <th style="width: 112px">维修单编号ID</th>
                                    <th>维修单名称</th>
                                    <th style="width: 92px">维修费用</th>
                                    <th style="width: 109px">维修设备名称</th>
                                    <th style="width: 92px">报修人员</th>
                                    <!--正在进行和已经完成-->
                                    <th style="width: 102px" >维修单状态</th>
                                    <th style="width: 92px">所属单位</th>
                                    <th style="width: 102px">维修时间</th>
                                    <th style="width: 122px">维修地点</th>
                                    <th style="width: 102px">维修单详情</th>
                                    <th style="width: 92px">删除维修单</th>
                                </tr>
                                </thead>
                                <tbody>
                                <c:forEach items="${orderlist}" var="map" varStatus="status">
                                    <tr>
                                        <td>${status.index+1}</td>
                                        <td>${map.id}</td>
                                        <td>${map.order_name}</td>
                                        <td>${map.final_price}</td>
                                        <td>
                                            <a type="button" href="#modal-table" role="button" class="green" data-toggle="modal" onclick="equipmentdetails(${map.equipment_id})">${map.equipment_name}</a>
                                        </td>
                                        <td>${map.equipment_admin_name}</td>
                                        <td>${map.state_name}</td>
                                        <td>${map.insiderUnit_name}</td>
                                        <td>
                                            <fmt:formatDate value="${map.createTime}" type="date"/>
                                        </td>
                                        <td>${map.maintenance_location}</td>
                                        <td>
                                            <a type="button"  target="_blank"  role="button" class="green" data-toggle="modal" onclick="xadmin.open('维修单列表','${pageContext.request.contextPath}/admin/processPrint?id=${map.id}',900,600)">
                                                &nbsp; &nbsp;<i class="glyphicon glyphicon-search"></i>
                                            </a>
                                        </td>
                                        <td>
                                            <a href="#"  onclick="delete_order(${map.id},this)" class="tooltip-error" data-rel="tooltip" title="删除">
                                                <li class="glyphicon glyphicon-remove" style="color: red;"></li>
                                            </a>
                                        </td>
                                    </tr>
                                </c:forEach>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

                <!-- PAGE CONTENT ENDS -->
            </div><!-- /.col -->
        </div><!-- /.row -->
    </div><!-- /.page-content -->
</div>
</div><!-- /.main-content -->



<div class="footer">
    <div class="footer-inner">
        <div class="footer-content">
            <i><img src="${APP_PATH}/assets/images/ic_launcher_foreground.png" width="20"></i>
            <span class="bigger-120">
                湖北南星化工总厂 &copy; 2020
            </span>
        </div>
    </div>
</div>

<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
    <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
</a>
</div><!-- /.main-container -->

<!-- basic scripts -->

<!--[if !IE]> -->
<script src="${APP_PATH }/assets/js/jquery-2.1.4.min.js"></script>

<!-- <![endif]-->

<!--[if IE]-->
<%--<script src="${APP_PATH }/assets/js/jquery-1.11.3.min.js"></script>--%>
<!--[endif]-->
<script type="text/javascript">
    if('ontouchstart' in document.documentElement) document.write("<script src='${APP_PATH }/assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
</script>
<script src="${APP_PATH }/assets/js/bootstrap.min.js"></script>

<!-- page specific plugin scripts -->
<script src="${APP_PATH }/assets/js/jquery.dataTables.min.js"></script>
<script src="${APP_PATH }/assets/js/jquery.dataTables.bootstrap.min.js"></script>
<script src="${APP_PATH }/assets/js/dataTables.buttons.min.js"></script>
<script src="${APP_PATH }/assets/js/buttons.flash.min.js"></script>
<script src="${APP_PATH }/assets/js/buttons.html5.min.js"></script>
<script src="${APP_PATH }/assets/js/buttons.print.min.js"></script>
<script src="${APP_PATH }/assets/js/buttons.colVis.min.js"></script>
<script src="${APP_PATH }/assets/js/dataTables.select.min.js"></script>

<!-- ace scripts -->
<script src="${APP_PATH }/assets/js/ace-elements.min.js"></script>
<script src="${APP_PATH }/assets/js/ace.min.js"></script>

<!-- inline scripts related to this page -->
<script type="text/javascript">


    jQuery(function($) {
        //initiate dataTables plugin
        var myTable =
            $('#dynamic-table')
            //.wrap("<div class='dataTables_borderWrap' />")   //if you are applying horizontal scrolling (sScrollX)
                .DataTable( {
                    language: {

                        "sProcessing": "处理中...",

                        "sLengthMenu": "显示 _MENU_ 项结果",

                        "sZeroRecords": "没有匹配结果",

                        "sInfo": "显示第 _START_ 至 _END_ 项结果，共 _TOTAL_ 项",

                        "sInfoEmpty": "显示第 0 至 0 项结果，共 0 项",

                        "sInfoFiltered": "(由 _MAX_ 项结果过滤)",

                        "sInfoPostFix": "",

                        "sSearch": "搜索:",

                        "sUrl": "",

                        "sEmptyTable": "表中数据为空",

                        "sLoadingRecords": "载入中...",

                        "sInfoThousands": ",",

                        "oPaginate": {

                            "sFirst": "首页",

                            "sPrevious": "上页",

                            "sNext": "下页",

                            "sLast": "末页"

                        },

                        "oAria": {

                            "sSortAscending": ": 以升序排列此列",

                            "sSortDescending": ": 以降序排列此列"

                        }

                    },
                    bAutoWidth: true,
                    "aoColumns": [
                        // { "bSortable": false },
                        null, null, null, null,null,null,null,null,null,null,null,
                        { "bSortable": false }
                    ],
                    "aaSorting": [],


                    //"bProcessing": true,
                    //"bServerSide": true,
                    //"sAjaxSource": "http://127.0.0.1/table.php"	,

                    //,
                    //"sScrollY": "200px",
                    "bPaginate": true,
                    "sPaginationType": "full_numbers",

                    //"sScrollX": "100%",
                    //"sScrollXInner": "120%",
                    //"bScrollCollapse": true,
                    //Note: if you are applying horizontal scrolling (sScrollX) on a ".table-bordered"
                    //you may want to wrap the table inside a "div.dataTables_borderWrap" element

                    //"iDisplayLength": 50

                    select: {
                        style: 'multi'
                    }
                } );



        $.fn.dataTable.Buttons.defaults.dom.container.className = 'dt-buttons btn-overlap btn-group btn-overlap';

        new $.fn.dataTable.Buttons( myTable, {
            buttons: [
                {
                    "extend": "colvis",
                    "text": "<i class='fa fa-search bigger-110 blue'></i> <span class='hidden'>隐藏/展示列</span>",
                    "className": "btn btn-white btn-primary btn-bold",
                    columns: ':not(:first):not(:last)'
                },

                {
                    "extend": "csv",
                    "text": "<i class='fa fa-database bigger-110 orange'></i> <span class='hidden'>导出CSV</span>",
                    "className": "btn btn-white btn-primary btn-bold"
                },
                {
                    "extend": "excel",
                    "text": "<i class='fa fa-file-excel-o bigger-110 green'></i> <span class='hidden'>导出Excel</span>",
                    "className": "btn btn-white btn-primary btn-bold"
                },
                {
                    "extend": "pdf",
                    "text": "<i class='fa fa-file-pdf-o bigger-110 red'></i> <span class='hidden'>导出PDF</span>",
                    "className": "btn btn-white btn-primary btn-bold"
                },
                {
                    "extend": "print",
                    "text": "<i class='fa fa-print bigger-110 grey'></i> <span class='hidden'>打印</span>",
                    "className": "btn btn-white btn-primary btn-bold",
                    autoPrint: false,
                    // message: 'This print was produced using the Print button for DataTables'
                }
            ]
        } );
        myTable.buttons().container().appendTo( $('.tableTools-container') );

        //style the message box
        var defaultCopyAction = myTable.button(1).action();
        myTable.button(1).action(function (e, dt, button, config) {
            defaultCopyAction(e, dt, button, config);
            $('.dt-button-info').addClass('gritter-item-wrapper gritter-info gritter-center white');
        });


        var defaultColvisAction = myTable.button(0).action();
        myTable.button(0).action(function (e, dt, button, config) {

            defaultColvisAction(e, dt, button, config);

            if($('.dt-button-collection > .dropdown-menu').length == 0) {
                $('.dt-button-collection')
                    .wrapInner('<ul class="dropdown-menu dropdown-light dropdown-caret dropdown-caret" />')
                    .find('a').attr('href', '#').wrap("<li />")
            }
            $('.dt-button-collection').appendTo('.tableTools-container .dt-buttons')
        });

        ////

        setTimeout(function() {
            $($('.tableTools-container')).find('a.dt-button').each(function() {
                var div = $(this).find(' > div').first();
                if(div.length == 1) div.tooltip({container: 'body', title: div.parent().text()});
                else $(this).tooltip({container: 'body', title: $(this).text()});
            });
        }, 500);


        myTable.on( 'select', function ( e, dt, type, index ) {
            if ( type === 'row' ) {
                $( myTable.row( index ).node() ).find('input:checkbox').prop('checked', true);
            }
        } );
        myTable.on( 'deselect', function ( e, dt, type, index ) {
            if ( type === 'row' ) {
                $( myTable.row( index ).node() ).find('input:checkbox').prop('checked', false);
            }
        } );

        /////////////////////////////////
        //table checkboxes
        $('th input[type=checkbox], td input[type=checkbox]').prop('checked', false);

        //select/deselect all rows according to table header checkbox
        $('#dynamic-table > thead > tr > th input[type=checkbox], #dynamic-table_wrapper input[type=checkbox]').eq(0).on('click', function(){
            var th_checked = this.checked;//checkbox inside "TH" table header

            $('#dynamic-table').find('tbody > tr').each(function(){
                var row = this;
                if(th_checked) myTable.row(row).select();
                else  myTable.row(row).deselect();
            });
        });

        //select/deselect a row when the checkbox is checked/unchecked
        $('#dynamic-table').on('click', 'td input[type=checkbox]' , function(){
            var row = $(this).closest('tr').get(0);
            if(this.checked) myTable.row(row).deselect();
            else myTable.row(row).select();
        });



        $(document).on('click', '#dynamic-table .dropdown-toggle', function(e) {
            e.stopImmediatePropagation();
            e.stopPropagation();
            e.preventDefault();
        });



        //And for the first simple table, which doesn't have TableTools or dataTables
        //select/deselect all rows according to table header checkbox
        var active_class = 'active';
        $('#simple-table > thead > tr > th input[type=checkbox]').eq(0).on('click', function(){
            var th_checked = this.checked;//checkbox inside "TH" table header

            $(this).closest('table').find('tbody > tr').each(function(){
                var row = this;
                if(th_checked) $(row).addClass(active_class).find('input[type=checkbox]').eq(0).prop('checked', true);
                else $(row).removeClass(active_class).find('input[type=checkbox]').eq(0).prop('checked', false);
            });
        });

        //select/deselect a row when the checkbox is checked/unchecked
        $('#simple-table').on('click', 'td input[type=checkbox]' , function(){
            var $row = $(this).closest('tr');
            if($row.is('.detail-row ')) return;
            if(this.checked) $row.addClass(active_class);
            else $row.removeClass(active_class);
        });



        /********************************/
        //add tooltip for small view action buttons in dropdown menu
        $('[data-rel="tooltip"]').tooltip({placement: tooltip_placement});

        //tooltip placement on right or left
        function tooltip_placement(context, source) {
            var $source = $(source);
            var $parent = $source.closest('table')
            var off1 = $parent.offset();
            var w1 = $parent.width();

            var off2 = $source.offset();
            //var w2 = $source.width();

            if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1/2) ) return 'right';
            return 'left';
        }


        /***************/
        $('.show-details-btn').on('click', function(e) {
            e.preventDefault();
            $(this).closest('tr').next().toggleClass('open');
            $(this).find(ace.vars['.icon']).toggleClass('fa-angle-double-down').toggleClass('fa-angle-double-up');
        });
        /***************/

        /**
         //add horizontal scrollbars to a simple table
         $('#simple-table').css({'width':'2000px', 'max-width': 'none'}).wrap('<div style="width: 1000px;" />').parent().ace_scroll(
         {
					horizontal: true,
					styleClass: 'scroll-top scroll-dark scroll-visible',//show the scrollbars on top(default is bottom)
					size: 2000,
					mouseWheelLock: true
				  }
         ).css('padding-top', '12px');
         */

    });


    $("#btn").click(function () {
        //获取input表单文本框的时间值
        var dates=$('#cid').val().toString();
        var ts =dates.substring(0,7);

        window.location.href="${pageContext.request.contextPath}/admin/allorderdetails?time="+ts;

    });

    function delete_order(order_id,obj) {

        if(confirm("删除后维修单无法复原，是否确认删单操作？")){
            var myData ={
                "id":order_id
            };
            $.ajax({
                url : "${pageContext.request.contextPath}/admin/del_order",
                type : "POST",
                dataType:"json",
                contentType : "application/json;charset=UTF-8",
                data : JSON.stringify(myData),
                success:function(data) {
                    if(data===0){
                        alert("删单成功！");
                        $(obj).parents("tr").remove();
                    }else{
                        alert("删单失败！");
                    }
                },
                error:function () {
                    alert("删单失败！");
                },

            });
        }
    }

    function equipmentdetails(equipment_id) {
        //reg 为变量，可随意
        var myData = {
            "id": equipment_id
        };
        $.ajax({
            url : "${pageContext.request.contextPath}/approver/findequById",
            type : "POST",
            dataType:"json",
            contentType : "application/json;charset=UTF-8",
            <!-- 向后端传输的数据 -->
            // stringify
            data : JSON.stringify(myData),
            success:function(data) {
                var obj = eval(data);
                var tbody = $('<tbody></tbody>');
                var tr = $('<tr></tr>');
                tr.append('<td>' + data.equipment_id + '</td>' + '<td>' + data.equipment_name + '</td>' + '<td>' + data.type_name + '</td>' + '<td>' + data.value + '</td>' + '<td>' + data.name + '</td>' + '<td>'+ data.maintenance_times+'</td>');
                // tr.append('<td>'+ val.problem_type + '</td>' + '<td>'+ val.problem_word_description + '</td>');
                tbody.append(tr);
                $('#EquDetail tbody').replaceWith(tbody);
            }
        });
    }

</script>
</body>
</html>